<%-- 
    Document   : centralContent
    Created on : May 11, 2012, 8:21:28 PM
    Author     : DAIDUONG
--%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!-- BEGIN #central_content -->
    
    <div id="central_content"> 
      
      <!-- BEGIN central slogan and rss feed -->
      
      <div class="question1 ha">Category</div>
      <div class="question2 ha">Name</div>
      <div id="view_option">
        <div id="show">Show:</div>
        <div id="console" style="width:0; font-family: 'Courier New', monospace; height: 0px; display:none"></div>
        <!-- needed for the custom select -->
        
        <div class="cat_opt_button_container">
          <div id="o_switcher" class="o_switcher"> <span class="o_selected"><a href="">Default</a></span>
            <ul class="o_options">
              <li><a href="">Default</a></li>
              <li><a href="">Name</a></li>
              <li><a href="">Price(low to high)</a></li>
              <li><a href="">Price(high to low)</a></li>
            </ul>
          </div>
        </div>
        <div id="viewmode"> <a href="category-page.html"><span id="view1"></span></a>
          <div id="view2" class="selected"></div>
        </div>
      </div>
      <div style="clear:both;"></div>
      
      <!-- END central slogan and rss feed --> 
      
      <!-- BEGIN central products -->
      <div class="central_products2"> 
        
        <!-- BEGIN product1 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Actus</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object1.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$78.99</div>
          </div>
          <div class="add"><a href="product-page.html"><img src="public/images/add_icon.png" alt="add icon" />ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product1 --> 
        </div>
        
        <!-- BEGIN product2 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Sagittus</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object2.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price_sale_block">
              <div class="price_sale">$55.23</div>
              <div class="price_onsale">$29,99</div>
            </div>
          </div>
          <div class="add"><a href="cart-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product2 --> 
        </div>
        
        <!-- BEGIN product3 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Dolor</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object3.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$50.00</div>
          </div>
          <div class="add"><a href="cart-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product3 --> 
        </div>
        <div style="clear:both;"></div>
        
        <!-- BEGIN product4 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Sit Amet</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object4.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$72.00</div>
          </div>
          <div class="add"><a href="cart-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product4 --> 
        </div>
        
        <!-- BEGIN product5 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Ipsum</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object5.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$12.78</div>
          </div>
          <div class="add"><a href="cart-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product5 --> 
        </div>
        
        <!-- BEGIN product6 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Coelestis</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object6.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$25.15</div>
          </div>
          <div class="add"><a href="cart-page.html"><img src="public/images/add_icon.png" alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product6 --> 
        </div>
        <div style="clear:both;"></div>
        <!-- BEGIN product7 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Auctor</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object1.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$199.99</div>
          </div>
          <div class="category2_add"><a href="#"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product7 --> 
        </div>
        
        <!-- BEGIN product8 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Babisum</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object2.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$67.00</div>
          </div>
          <div class="category2_add"><a href="#"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product8 --> 
        </div>
        
        <!-- BEGIN product9 -->
        <div class="item">
          <div class="item_up"> <a href="product-page.html" class="ptitle2 product_title1">Robinis</a>
            <div class="ptitle2 product_title2">#100</div>
            <a href="public/images/Product_photos/Image-zoom.jpg" class="simple_image" title=""> <span style="display: none;" class="zoom"><img src="public/images/ico-zoom.png" alt="Zoom Picture" title="Zoom Picture"/></span> <img src="public/images/Product_photos/object3.jpg" alt="Image 1" title=""/></a>
            <div class="product_text">Lorem ipsum dolor honorem pour la te 
              atom lor gustam as totum...</div>
            <div class="price">$35.20</div>
          </div>
          <div class="category2_add"><a href="#"><img src="public/images/add_icon.png"  alt="add icon"/>ADD TO CART</a></div>
          <div class="details"><a href="product-page.html">DETAILS</a></div>
          
          <!-- END product9 --> 
        </div>
      </div>
      
      <!-- END central products --> 
      
     <!-- BEGIN navigation bar -->
      <div id="next_page"> <a href="#"> <span class="left_arrow"></span> <span class="left_arrow_hover"></span> </a>
        <div class="page_bar"></div>
        <div class="central_space">
          <div class="central_container"><span class="current_page">Showing 1 to 6 of 30 (5 Pages)</span><span class="page_bar_central"></span><a href="#"><span class="page1 selected">1</span></a><span class="page_bar_central"></span><a href="#"><span class="page2">2</span></a><span class="page_bar_central"></span><a href="#"><span class="page3">3</span></a><span class="page_bar_central"></span><a href="#"><span class="page4">4</span></a><span class="page_bar_central"></span><a href="#"><span class="page5">5</span></a><span class="page_bar_central"></span><a href="#"><span class="others"></span></a></div>
          <div id="page_bar"></div>
        </div>
        <div class="page_bar"></div>
        <a href="#"> <span class="right_arrow"></span> <span class="right_arrow_hover"></span> </a> <!-- END navigation bar --> 
      </div>
      
      <!-- END #central_content--> 
    </div>